/* Shared navigation across every preview page. */
body>header{position:sticky;top:16px;z-index:200;width:min(1320px,calc(100% - 64px));margin:20px auto 0;border:1px solid #dcdcd5;border-radius:60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:20px;padding:12px 22px;background:#f7f6f2;font-family:'DM Sans',sans-serif;box-sizing:border-box}
body>header .logo{display:flex;align-items:center;flex-shrink:0}body>header .logo .brand-logo{display:block;width:210px;height:auto;filter:brightness(0);object-fit:contain}
body>header nav{display:flex;width:auto;align-items:center;justify-content:center;gap:27px;font-size:13px;color:#60605c}body>header a{text-decoration:none}body>header nav a.active{color:#0b0b0b;text-decoration:underline;text-decoration-color:#ff3b35;text-underline-offset:7px;text-decoration-thickness:2px}body>header nav a:hover{color:#ff3b35}
body>header .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#0b0b0b;color:#fff;border:1px solid #0b0b0b;padding:10px 18px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s}body>header .button:hover{background:#ff3b35;border-color:#ff3b35}body>header svg{width:22px;height:22px;flex-shrink:0}
@media(max-width:1000px){body>header{width:calc(100% - 32px)}body>header .logo .brand-logo{width:175px}body>header nav{gap:18px}}
@media(max-width:700px){body>header{top:8px;margin-top:12px;padding:14px 17px;width:calc(100% - 24px);flex-wrap:wrap;justify-content:space-between;gap:14px;border-radius:24px}body>header .logo .brand-logo{width:155px}body>header nav{order:3;width:100%;font-size:11px;gap:22px}body>header .button{display:inline-flex;padding:8px 12px;font-size:11px}}
@media(max-width:700px){body>header nav{gap:16px;font-size:11px}}
@media(max-width:380px){body>header nav{gap:12px;font-size:10px}}

/* Single-row header on every screen: wordmark and menu only. */
body>header{flex-wrap:nowrap;gap:16px}
body>header>nav{order:initial;width:auto;margin-left:auto;gap:0;flex:0 0 auto}
body>header>nav>a,body>header>.nav-more,body>header>.button{display:none}
body>header .mega-trigger{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:12px;border:1px solid #dcdcd5;border-radius:50%;background:transparent;color:#0b0b0b;cursor:pointer}
body>header .mega-trigger:hover{background:#eae9e3}
body>header .mega-trigger:focus-visible{outline:2px solid #ff3b35;outline-offset:4px}
body>header .mega-trigger svg{width:24px;height:24px}
@media(max-width:700px){body>header{padding:10px 16px;gap:12px;border-radius:60px;flex-wrap:nowrap}body>header>nav{order:initial;width:auto;gap:0}body>header .mega-trigger{width:44px;height:44px;padding:10px}}